<template>
  <div class="header">
    <div class="nav">
      <div class="logo">
        <img src="@/assets/img/flogo.png" alt="Logo">
      </div>
      <p class="title">阅川——中国地区特色艺术数字博物馆</p>
      <div class="menu">
        <ul>
          <li>
            <router-link to="/home">首页</router-link>
          </li>
          <li>
            <router-link to="/traditional?name=A">分类</router-link>
            <div class="down">
              <ul>
                <li>
                  <router-link to="/traditional?name=A">民间音乐</router-link>
                </li>
                <li>
                  <router-link to="/traditional?name=B">民间舞蹈</router-link>
                </li>
                <li>
                  <router-link to="/traditional?name=C">传统戏剧</router-link>
                </li>
                <li>
                  <router-link to="/traditional?name=D">传统曲艺</router-link>
                </li>
                <li>
                  <router-link to="/traditional?name=E">杂技竞技</router-link>
                </li>
                <li>
                  <router-link to="/traditional?name=F">民间美术</router-link>
                </li>
                <li>
                  <router-link to="/traditional?name=G">手工技艺</router-link>
                </li>
                <li>
                  <router-link to="/traditional?name=H">传统民俗</router-link>
                </li>
                <!-- 其他分类链接 -->
              </ul>
            </div>
          </li>
          <li>
            <router-link to="/news">资讯</router-link>
          </li>
          <li>
            <router-link to="/community">社区</router-link>
          </li>
          <li>
            <router-link to="/contact">联系我们</router-link>
          </li>
          <li>
            <router-link to="/my">我的</router-link>
          </li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script lang="ts" setup>
// 这里可以导入 TypeScript 类型或进行其他 TypeScript 设置
</script>
<style>
.title {
  color: white;
}
</style>


